<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="lib/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var data = $("input").map(function() {
                return $(this);
            });

            console.log(data);
        });
    </script>
</head>
<body>
    <table>
        <form>
            <tr>
                <td>Surname</td>
                <td><input type="text"/></td>
            </tr>
            <tr>
                <td>First name:</td>
                <td><input/></td>
            </tr>
            <tr>
                <td>Age:</td>
                <td><input/></td>
            </tr>
        </form>
        <button>OK</button>
        <h2>Data you have entered:</h2>
        <div id="output"/>
    </table>
</body>
</html>